<!--
 * @Author: your name
 * @Date: 2021-06-07 13:57:02
 * @LastEditTime: 2021-06-09 07:36:43
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \my_appc:\Users\Administrator\Desktop\moban1325\login.html
-->
<!doctype html>
<html  xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5" >

<head>
  <title>发改局能耗管理系统</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="keywords" content=""/>
  <script type="application/x-javascript">
    addEventListener("load", function () {
      setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
      window.scrollTo(0, 1);
    }
  </script>

  <!-- css files -->
  <link href="page/login/css/style.css" rel='stylesheet' type='text/css' media="all"/>
  <!-- /css files -->
</head>

<body>
<!-- <h1>Unique Login Form</h1> -->
<div class="log" style="display: flex;justify-content: center; align-items: center; margin-top: 120px;">
  <div class="content1">
    <h2 id="login_title">欢迎登录</h2>
    <!-- 登入表单 -->
    <form action="/login" method="post" >
      <input type="text" name="username" value="" onfocus="this.value = '';" placeholder="请输用户名"
             onblur="if (this.value == '') {this.value = '';}">
      <input type="password" name="password"  onfocus="this.value = '';" placeholder="请输入密码"
             onblur="if (this.value == '') {this.value = '';}">
      <div style="position: relative">
        <input type="text" name="verifycode" onfocus="this.value = '';"
               onblur="if (this.value == '') {this.value = '';}" placeholder="请输验证码" >
        <a onclick="reVerifyCode()"> <img id="verifyimg" style="position: absolute; right: 12%; bottom: 2px" src="/verifycode" width="120px"/></a>
      </div>

      <div class="button-row">
        <input type="submit" class="sign-in" value="登录">
        <input type="button" class="reset" onclick="toRegisterPage()" value="注册">
        <div class="clear"></div>
      </div>
    </form>
  </div>
  <!-- 清除样式浮动 -->
  <div class="clear"></div>
</div>
<div class="footer">
  <p id="copyright">Copyright &copy; 2021.<a target="_blank" href="http://www.chengzhouyun.com/">澄州云</a> All rights reserved.</p>
</div>

</body>
<script src="plugins/jquery/jquery.min.js"></script>
<script>

  $(function(){
    // 获取网站系统信息
    $.get("/sys/system/1",function(data){
      if(data.statusCode == 200){
        $("#login_title").text(data.object.loginTitle)
        $("#copyright").html(data.object.copyright)
      }
    })
  })

  function toRegisterPage() {
    window.location = "/register"
  }

  function reVerifyCode() {
      var verifyimg = document.getElementById("verifyimg");
      verifyimg.src = "/verifycode";
  }


</script>
</html>
